@media ( max-width :600px) {
	* {
		-webkit-touch-callout: none;
		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;		
		-webkit-overflow-scrolling: touch;
	}
	input, tr.longpress {
		-webkit-touch-callout: text;
		-webkit-user-select: text;
		-khtml-user-select: text;
		-moz-user-select: text;
		-ms-user-select: text;
		user-select: text;
	}
	
	 .tablebox td span.dblclickedit { 
    	background-image: url( );
	}
	
	body {
		opacity: 1;
	}
	.formbox .box-body {
		padding-top: 0px;
	}
	div.form-group {
		margin-bottom: 0px;
	}
	div.form-group label {
		line-height: 12px !important;
		margin: 0 !important;
		margin-top: 6px !important;
	}
	.form-control {
		height: 28px;
		padding: 4px;
		font-size: 12px;
	}
	.content-header.PcModel .breadcrumb {
		background-color: #c93a2f;
		border-bottom: 1px solid white;
	}
	.content-header.PcModel .breadcrumb li, .content-header.PcModel .breadcrumb li:after
		{
		color: white;
	}
	.classcmd.tablelist .col-sm-12, .detail .col-sm-12 {
		border-top: 0px solid #fff;
		padding-top: 0px;
	}
	.mainface {
		background-image: url(../../../images/face0.jpg);
		background-size: 100% 100%;
		background-color: #187cb8;
		min-height: 800px;
	}
	.mainface div.title {
		position: fixed;
		top: 0px;
		bottom: 0;
		transform: translate(0, 0);
	}
	.mainface div.title p.p1, .mainface div.title p.p2 {
		position: fixed;
		margin: 0;
		padding: 0;
		width: 100%;
		bottom: 0px;
		font-size: 12px;
	}
	.mainface div.title p.p1 {
		bottom: 14px;
		font-size: 12px;
	}
	.mainface div.input {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		padding: 24px;
		border-radius: 0 0 60px 60px;
		background-color: rgba(0, 0, 0, 0);
	}
	.mainface div.title p.p3 {
		line-height: 200%;
	}
	.mainface div.title p.textcenter {
		text-align: center;
	}
	.mainface div.title p.p3 .changeface {
		display: none;
	}
	.mainface div.title p.p3 input {
		width: 35%;
		margin-right: 25%;
		line-height: 160%;
	}
	.mainface img.logo {
		bottom: 60px;
		position: fixed;
		left: 50%;
		transform: translate(-50%, 0);
		margin-bottom: 0px;
	}
	
	
	
	.mainface div.input .fa-chevron-down {
		top: 44px;
		right: 70px;
	}
	
 	
	
	header.main-header, aside.main-sidebar {
		display: none;
	}
	
	
	
		
 
	.main-header #business {
		margin-left: 6px;
	}
	.main-header a.minlogo {
		display: block;
	}
	.main-header .navbar {
		margin-left: 0;
	}
	
	
	
	
	
	
 
	
	
	
		.main-sidebar, .left-side {
		z-index: 9999999;
	}
	
	
	
	
	
	
	
	.fa-dashboard:before, .fa-tachometer:before {
		content: "";
		padding: 0 12px;
	}
	.content-header .breadcrumb {
		/* background-image: url(../../images/logo.png);*/
		background-repeat: no-repeat;
		background-position: 5px 10px;
		background-size: 20px;
	}
	.content-header {
		padding: 0;
	}
	.content-header>.breadcrumb {
		margin-top: 0;
	}
	.content {
		padding: 0;
	}
	.nav-tabs-custom {
		box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.2) !important;
		border-left: 0px solid #ddd !important;
		border-top: 3px solid #c93a2f;
	}
	.box-body {
		padding: 0;
	}
	.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3,
		.col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9,
		.col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3,
		.col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9,
		.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3,
		.col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9,
		.col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3,
		.col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
		position: relative;
		min-height: 1px;
		padding-right: 0px;
		padding-left: 0px;
	}
	.icons .dataTables_wrapper ul.odd { 
    	width: 60px;
    	height: 82px; 
	}
	.dataTables_wrapper ul.odd {
		margin: 0;
	}
	.icons .dataTables_wrapper ul.odd li {
		width: 68px;
		margin: 0 auto;
		margin-top: 9px;
		display: block;
		line-height: 14px;
		font-size: 12px;
		height: 74px;
	}
	.icons .dataTables_wrapper ul.odd .fa:before {
	font-size: 20px;
    width: 34px;
    display: block;
    margin: auto;
    height: 36px;
    line-height: 36px;
	}
 	.icons .af:after {
    	top: 36px;
    	left: 42px;
	}
	
	ol.cmdfun.topcmd {
		float: right;
		margin-right: 12px;
		margin-top: 12px;
		margin-right: 0;
		margin-top: 0;
		margin-bottom: 0;
		padding: 6px 0;
	}
	ol.cmdfun.topcmd li {
		margin: 0px 6px;
		padding: 6px 0;
		height: 24px;
	}
	ol.cmdbox input {
		width: 96px;
	}
	.row {
		margin-right: 0px;
		margin-left: 0px;
	}
	.box-body {
		margin: 0 auto;
	}
	/*固定主宽*/
	#maincontent {
		margin: 0;
		margin: 0;
		position: fixed;
		top: 40px; 
		bottom: 40px;
		width: 100%;
		overflow: auto;
		-webkit-overflow-scrolling: touch; 
	}
	
	#maincontent .facetop {
		min-height: 110px !important;
		position: relative;
		padding-top: 100px;
		background-image: url(../../skin/simple/images/facetop.png?r=4);
		background-repeat: no-repeat;
		background-position: top;
		background-size: 100% 140px;
		background-color: #fafafa;
	}
	#maincontent .facetop span.facecap {
		display: inline-block;
		text-shadow: #fff 1px 0 0, #fff 0 1px 0, #fff -1px 0 0, #fff 0 -1px 0;
		color: #000;
		font-size: 14px;
		position: fixed;
		top: 12px;
		left: 10px;
		font-weight: 900;
		position: absolute;
	}
	#maincontent .facetop span.facecap.p2 {
		font-size: 12px;
		top: 18px;
		left: 60px;
		font-weight: 100;
	}
	#maincontent .facetop .nav-tabs-custom {
		background-color: transparent;
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	.content-wrapper {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		bottom: 40px;
		background-color: #fff;
	}
	.pagestr {
		padding-bottom: 12px;
		font-size:0;
	}
	.pagestr ul{ 
		font-size:12px;
	}
	
	.nav-tabs-custom>.tab-content {
		padding: 0;
	}
	.nav>li>a {
		padding: 8px 10px;
	}
	.formbox {
		padding: 6px;
	}
	.table {
		margin-bottom: 10px;
	}
	.col-sm-12 {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
	.table>thead>tr>th {
		padding: 4px;
	}
	.table-bordered>thead>tr>th:before {
		content: "";
	}
	.tablebox td.tdop a {
		margin: 0 6px;
	}
	.tablebox td.hideop {
		width: 50px;
		text-align: center;
	}
	.tablebox .tophtml ol {
		overflow-x: auto;
		width: 100%;
		text-align: right;
	}
	
	.layui-layer-page .layui-layer-content {
     overflow-x: auto;
	}
	
	
	#maincontent .tablebox table.vm, .fulllayer .tablebox table.vm {
		min-width: 1280px;
	}
	.breadcrumb .fa-warning {
		transform: scale(0.6, 0.6);
	}
	.content-header {
		background-color: #d2d6de;
	}
	 
	.mlayer .layui-layer-setwin {
		display: none;
	}
	.layer_close.fa:before {
		font-size: 20px;
		line-height: 40px;
		width: 40px;
	}
	.nav-tabs {
		white-space: nowrap;
		overflow: scroll;
	}
	.nav-tabs-custom>.nav-tabs>li {
		display: inline-block;
	}
	.nav-tabs>li {
		float: none;
	}
	@keyframes guangbiao {
		0% {
			background: #888;
		}
		50% {
			background:#888;
		}
		51% {
			background:#eee;
		}
		100% {
			background:#eee;
		}
	}
 
	
	input.btnfun, textarea.btnfun {
		background-image: url(../../images/btnfun.png);
		background-repeat: no-repeat;
		background-position: right;
	}
	
	.bottommenu {
		display: block;
		height: 36px;
		background: #fff;
	}
	
	.bottommenu.hidden , .bottommenu.hidden2  {
		display: none; 
	}
	
	
	.bottommenu.icons {
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		border-top: 1px solid #ddd;
		height: 40px;
		z-index: 10409999;
	}
	
	.bottommenu.icons .dataTables_wrapper ul.odd {
		width: 20%;
		height: 40px;
		user-select: none;
		position: relative;
	}
	
	.bottommenu.icons .dataTables_wrapper ul.odd i.needRead , .bottommenu.icons .dataTables_wrapper ul.odd i.needReply , .bottommenu.icons .dataTables_wrapper ul.odd i.needDeal{	
		 position:absolute;
		 display:none;
		 width:8px;
		 height:8px;
		 background:#dd0000;
		 border-radius:50%;
		 top:0;
		 right:25%;	
	}
	
	
	.bottommenu.icons .dataTables_wrapper ul.odd i.needRead{
		display:block;
		background:#008000;
	}

	.bottommenu.icons .dataTables_wrapper ul.odd i.needReply,.bottommenu.icons .dataTables_wrapper ul.odd i.needDeal{
		display:block;
		background:#dd0000;
	}
	
	
	.bottommenu.icons .dataTables_wrapper ul.odd.m3 {
		 
		top: 3px;
		height: 34px;
	}
	
	.bottommenu.icons .dataTables_wrapper ul.odd.m3 li {
		width: 34px;
		height: 34px;
		background-color: #0c67ae;
		border-radius: 50%;
		user-select: none;
		color: #fff;
	}
	
	.bottommenu.icons .dataTables_wrapper ul.odd:hover {
		background-color: RGB(255, 255, 255, 0);
	}
	
	.bottommenu, .bottommenu .dataTables_wrapper, .bottommenu .dataTables_wrapper .col-sm-12
		{
		overflow: visible;
	}
	
	.bottommenu.icons .dataTables_wrapper ul.odd li {
		width: 100%;
		line-height: 14px;
		height: 40px;
		margin: 0px auto;
	}
	
	.bottommenu.icons .dataTables_wrapper ul.odd li i {
		display: block;
	}
	
	.bottommenu.icons .dataTables_wrapper ul.odd .fa:before {
		font-size: 18px;
		width: 100%;
		height: 24px;
		line-height: 24px;
	}
	
	.bottommenu.icons .dataTables_wrapper ul.odd.m3 .fa:before {
		font-size: 24px;
		line-height: 34px;
		text-align: center;
	}
	
	p.caption {
		font-size: 14px;
		margin: 12px 0;
		font-weight: 900;
	}
	
	.bottom-header {
		display: block;
	}
	
	.bottom-header li.selectbusiness {
		display: none;
	}
	
	.content-header>.breadcrumb span.k1 {
		margin-left: 18px;
	}
	
	.content-wrapper.home .content-header{
		display:none !important;
	}
	
 	.content-wrapper.home #maincontent { 
    	top: 0;
	}
	
	/*从右移入*/
	@keyframes fromrighttocenter1 {
  		from {left: 100%;}
  		to {left: 0;}
	}
	/*从右移出*/
	@keyframes fromcentertoright2 {
  		from {left: 0;}
  		to {left: 100%;}
	}
	/*从左边移入*/
	@keyframes fromlefttocenter1 {
  		from {left: -100%;}
  		to {left: 0;}
	}	
 	/*从左边移出*/
	@keyframes fromcentertoleft2 {
  		from {left: 0;}
  		to {left: -100%;}
	}	
	.fromrighttocenter { 
  		animation-duration: 0.2s;
  		animation-name: fromrighttocenter1;
	}	
 	.fromcentertoright { 
 		left: 100% !important;
  		animation-duration: 0.2s;
  		animation-name: fromcentertoright2;
	}	
	.fromlefttocenter { 
  		animation-duration:  0.2s;
  		animation-name: fromlefttocenter1;
	}	
	.fromcentertoleft { 
  		left: -100% !important;
		animation-duration: 0.2s;
  		animation-name: fromcentertoleft2;
	}
	
 
	.layui-layer.nav-tabs-custom, .nav-tabs-custom {
		border-top: 3px solid #fff;
		border-top-color: #fff;
	}
	.tablebox .table-bordered>thead>tr>th {
		border-right: 1px solid #d6d6d6;
	}
 
	.tablebox .table-bordered>tbody>tr>td {
		border-right: 1px solid #d6d6d6;
	}
	.table-bordered>tbody>tr>td span {
		height: 22px;
		line-height: 22px;
	}
	.nav-tabs-custom>.nav-tabs {
		border-top-right-radius: 0;
		border-top-left-radius: 0;
	}
	.nav-tabs-custom {
		box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
		border-radius: 0;
	}
	.table {
		margin-bottom: 0;
	}
	.table {
		margin-bottom: 0;
	}
	.layer_close.fa:before {
		margin-right: 0px;
	}
	.bottommenu.icons {
		border-top: 1px solid #ddd;
	}
	.layui-layer.nav-tabs-custom, .nav-tabs-custom {
		border-top: 0px solid #ddd;
	}
	.bottommenu #m3 {
		display: none;
	}
	.bottommenu.icons .dataTables_wrapper ul.odd {
		width: 25%;
	}
	.bottommenu.icons .dataTables_wrapper ul.odd li {
		transform: scale(0.8, 0.8);
		-webkit-transform: scale(0.8);
		-moz-transform: scaleX(0.8);
		margin: 0 auto;
		text-align: center;
	}
	.bottommenu.icons .dataTables_wrapper ul.odd.m3 li {
		transform: scale(1.1, 1.1) translate(0, -1px);
		-webkit-transform: scale(1.1) translate(0, -1px);
		-moz-transform: scaleX(1.1) translate(0, -1px);
	}
	.bottommenu.icons .dataTables_wrapper ul.odd li span {
		display: block;
		margin: 0;
		width: 100%;
	}
	.bottommenu.icons .dataTables_wrapper ul.odd li {
		line-height: 18px;
	}

	/** 图框图标*/
	.icons.desk .dataTables_wrapper ul.odd li span {
		display: block;
		transform: scale(0.94);
		-webkit-transform: scale(0.94);
		-moz-transform: scale(0.94);
		width: 62px;
		overflow: hidden;
		line-height: 16px;
		margin-top: 2px;
		padding: 0;
	}
	.bottommenu.icons .dataTables_wrapper ul.odd {
		overflow: visible;
	}
	 
	.icons.desk .dataTables_wrapper ul.odd li i {
		vertical-align: middle;
		border: 1px solid #ddd;
		padding: 0;
		border-radius: 8px;
	}
	.icons.desk .dataTables_wrapper ul.odd li i.blue {
		border: 1px solid #ddd;
	}
	.icons.desk .dataTables_wrapper ul.odd li i.yellow {
		border: 1px solid #ddd;
	}
	.table-bordered>tbody>tr>td span img {
		max-width: 100px;
		max-height: 100px;
	}
	.uploadimage div {
		width: 100px;
	}
	.uploadimage div img {
		max-width: 100px;
		max-height: 100px;
	}
	.table-bordered>tbody>tr>td span img {
		max-width: 100px;
		max-height: 100px;
	}
	.uploadimage div div.img {
		height: 160px;
		height: 100px;
	}
	.uploadimage div div.img {
		height: 160px;
		height: 100px;
	}
	.inputimageinline .uploadimage div {
		height: 130px;
		margin-bottom: 0;
	}
	
	
	
}



